{% extends 'base.html' %}

{% block main %}
  <main class="unit-3-4 unit-1-on-mobile top-gap">
    <div class="bg-white list-group post-items">
      <div class="list-group-item post-items-header px-7">
        <a class="text-muted text-small mr-5" href="{% url 'blog:index' %}">最新</a>
        <a class="text-muted text-small" href="{% url 'blog:popular' %}">热门</a>
        <a class="text-muted text-small float-right" href="/all/rss">
          <i class="fa fa-rss mr-1" aria-hidden="true"></i>RSS订阅
        </a>
      </div>
      {% for post in post_list %}
        {% include 'blog/_post_item.html' %}
      {% endfor %}
      {% if is_paginated %}
        {% block pagination %}
          <div class="flex-center list-group-item">
            {% include 'blog/_pagination.html' %}
          </div>
        {% endblock pagination %}
      {% endif %}
    </div>
  </main>
{% endblock %}